* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html, body {
  width: 100%;
  height: 100%;
}

header, footer {
  width: 100%;
  height: 0.5rem;
  background-color: pink;
}

main {
  overflow: hidden;
  width: 100%;
  height: calc(100% - 1rem);
}

main .swiper-container {
  width: 100%;
  height: 1.5rem;
}

main .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
}

main #con {
  overflow-y: scroll;
  width: 100%;
  height: 3.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}

main #con dl {
  width: 50%;
  height: 1.5rem;
  text-align: center;
}
